<template>
  <div class="keepDiary">
    <header>
      <van-icon name="cross" @click="$router.go(-1)" />
      <p>选择要写日记的本子</p>
    </header>
    <main>
      <div class="new_diary" @click="$router.push({ name: 'diaryContent' })">
        <div class="add_content"><div class="add"></div></div>
        <p>新建日记本子</p>
        <!-- <img
          class="label_2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps9v6ho694uyf9dm0oilfmby5yhgj2xtp5402f3e7-9335-4d34-bfc8-8e931e72276f"
        /> -->
      </div>
    </main>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.keepDiary {
  font-size: 33px;
  header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    i {
      margin-right: 200px;
      font-size: 40px;
      margin-left: 30px;
    }
  }
  main {
    background-color: #ddd;
    .new_diary {
      width: 700px;
      height: 150px;
      margin: 20px 0 0 25px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      .add_content {
        width: 100px;
        height: 100px;
        border: 1px dotted red;
        border-radius: 10px;
        margin: 0 30px 0 30px;
        background: url("https://lanhu.oss-cn-beijing.aliyuncs.com/ps9v6ho694uyf9dm0oilfmby5yhgj2xtp5402f3e7-9335-4d34-bfc8-8e931e72276f")
          no-repeat center center;
      }
    }
  }
}
</style>